@import '../../css/colorVar.less';
.userView{
    min-width: 1338px;
    overflow: auto;
    .Card{
        background: @userView_white_text;
        box-shadow: 0px 2px 10px 0px rgba(42,58,94,0.17);
        border-radius: 10px;
    }
    .top{
        height: 156px;
        background-image: url('../../assets/busi/userView/topBg.png');
        width: 100%;
        display: flex;
        background-size: 100% 100%;
        padding-right: 20px;
        .title{
            flex: 1;
            padding: 54px 20px 44px 49px;
            >div:first-child{
                font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
                font-weight: 800;
                color: @userView_text;
                height: 36px;
                font-size: 36px;
                line-height: 36px;
            }

        }
        .dateTime{
            font-size: 14px;
            font-family: SourceHanSansCN-Regular, SourceHanSansCN;
            font-weight: 400;
            color: @userView_text;
            line-height: 21px;

        }
        .blueDiv{
            background-image: url('../../assets/busi/userView/middleBg.png');
            width: 400px;
            height: 121px;            
            margin: 18px 0;
            >div:first-child{
                padding-left: 28px;
                padding-right: 23px;
                display: flex;
                align-items: start;
               >div:nth-child(2){
                flex: 1;
                margin: 0 18px;
                margin-top: 36px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                div{
                    height: 16px;
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: @userView_white_text;
                    line-height: 16px;
                    span{
                        height: 16px;
                        font-size: 16px;
                        font-family: PingFangSC-Medium, PingFang SC;
                        font-weight: 500;
                        color: @userView_a_text;
                        line-height: 16px;
                        text-underline-offset: 1x;
                        text-decoration: underline;
                        padding: 0 8px;
                        cursor: pointer;
                    }
                }
                >div:nth-child(2){
                    margin-top: 25px;
                }
               }
               >div:nth-child(3){
                margin-top: 22px;
                >div:nth-child(1),>div:nth-child(2){
                    width: 76px;
                    height: 32px;
                    background: linear-gradient(216deg, #FFFFFF 0%, #F4F7FF 100%);
                    border-radius: 4px;
                    border: 1px solid @userView_border;
                    line-height: 32px;
                    box-sizing: border-box;
                    padding-left: 10px;
                    color: @userView_btn_text;
                    font-size: 14px;
                    img{
                        margin: -4px 0 0 10px;
                    }
                    cursor: pointer;
                }  
                >div:nth-child(2){
                    margin-top: 13px;
                    margin-right: 4px;
                    img{
                        margin: -4px 0 0 10px;
                    }
                }
               }
                >div:first-child{
                    img{
                        margin: 24px 0 18px 0px;
                    }
                }
                .disabledBtn{
                    background: linear-gradient(216deg, #E8EEFC 0%, #E4ECFD 98%) !important;
                    box-shadow: 0px 2px 4px 0px rgba(135,176,255,0.25) !important;
                    cursor: not-allowed!important;
                }
            }
           
           
        }
        .smallBlue{
            width: 178px;
            height: 105px;
            background: url('../../assets/busi/userView/smallBg.png');
            margin-top: 26px;
            padding-left: 20px;
            img{
                margin: 16px 0 18px 0px;
            }
            div{
                height: 16px;
                font-size: 14px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: @userView_text;
                line-height: 16px;
                span{
                    height: 16px;
                    font-size: 16px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: @userView_a_text;
                    line-height: 16px;
                    text-underline-offset: 1x;
                    text-decoration: underline;
                    padding: 0 8px;
                    cursor: pointer;
                }
            }
        }
        >div:nth-child(3){
            margin-right: 12px;
            margin: 26px 12px 0 4px;
           
        }
    }
    .middle{
        display: flex;
        margin: 12px 0;
        >div{
            width: 50%;
            margin-right: 6px;
        }
        >div:nth-child(2){
            margin-left: 6px;
            margin-right: 0px;
        }
        .info{
            height: 266px;
            padding: 11px 23px 23px 16px;
            position: relative;
            >img{
                position: absolute;
                left: -30px;
                bottom: -23px;
            }
            .singleRow{
                margin-bottom: 16px;
                display: flex;
                >span:first-child{
                    display: inline-block;
                    width: 126px;
                    height: 16px;
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                    color: @table_body_text;
                    line-height: 16px;
                }
               
            }
            .DateEvents{
                display: flex;
                ul,li{
                    padding: 0;
                    margin: 0;
                }
               > span{
                    display: inline-block;
                    height: 16px;
                    width: 126px;
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                    color: @table_body_text;
                    line-height: 16px;
                }
                ul{
                    flex:1;
                    height: 58px;
                    overflow: auto;
                    li{
                        display: flex;
                        margin-bottom: 16px;
                        >span:nth-child(2){
                            flex: 1;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                            
                        }
                    }
                }
               
            }
            .codeRow{
                flex: 1;
                >span:first-child{
                    height: 16px;
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: @userView_a_text;
                    line-height: 16px;
                    text-decoration: underline;
                    margin-right: 86px;
                    margin-left: 80px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    width: 30%;
                    overflow: hidden;
                    cursor: pointer;
                    display: inline-block;
                }
                >span:nth-child(2){
                    display: inline-block;
                    width: 126px;
                    height: 16px;
                    font-size: 14px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                    color: @table_body_text;
                    line-height: 16px;
                }
            }
        }
    }
    .red{
        color:@userView_red_text!important;
    }
    .green{
        color:@userView_green_text!important;
    }
    .bottom{
        display: flex;
        margin: 12px 0;
        >div{
            width: 50%;
            margin-right: 6px;
        }
        >div:nth-child(2){
            margin-left: 6px;
            margin-right: 0px;
        }
    }
}
